.resizable {
  position: relative;
}
.resizer-r {
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  right: 0;
  pointer-events: auto;
  border-radius: 10px;
  z-index: 1000;
  user-select: none;
  &:hover {
    cursor: ew-resize !important;
  }
}

.resizer-b {
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  pointer-events: auto;
  border-radius: 10px;
  z-index: 1000;
  user-select: none;
  &:hover {
    cursor: ns-resize !important;
    background-color: rgba(250, 100, 0, 0.8);
  }
}
